﻿@using WebApp.Controllers
@using WebApp.Extensions

@Html.Scripts(
    @<script type="text/javascript">
        require(['Shared/_Footer'], function (api) {
            $(function () { api.exec('newsletterForm'); });
        });
    </script>
    )

<footer>
    <div class="container">
        <div class="row">
            <div class="footer-ribon">
                <span>Get in Touch</span>
            </div>
            <div class="col-md-3">
                <div class="newsletter">
                    <h4>Newsletter</h4>
                    <p>Keep up on our always evolving product features and technology. Enter your e-mail and subscribe to our newsletter.</p>

                    <div class="alert alert-success hidden" id="newsletterSuccess">
                        <strong>Success!</strong> You've been added to our email list.
                    </div>

                    <div class="alert alert-danger hidden" id="newsletterError"></div>

                    <form id="newsletterForm" action="#" method="POST">
                        <div class="input-group">
                            <input class="form-control" data-bind="value: email" placeholder="Email Address" name="email" id="email" type="text">
                            <span class="input-group-btn">
                                <button class="btn btn-default" data-bind="click:addNewsLetter">Go!</button>
                            </span>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-md-4">
                <h4>Latest Tweet</h4>
                <div class="twitter" >
                    <div>
                        <ul>
                            <li>Launching new website. Check http://sanelib.com  and give your valued comments.   <a target="_blank" href="https://twitter.com/Sanelib"><i class="icon icon-twitter"></i></a></li>
                            <li>Library automation: NCIP, SIP 3.0, BLCF and the future of RFID.  <a target="_blank" href="https://twitter.com/Sanelib"><i class="icon icon-twitter"></i></a></li>
                            <li>The most awaited agile project template is public now. Visit http://sanelib.net  for more details.  <a target="_blank" href="https://twitter.com/Sanelib"><i class="icon icon-twitter"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="contact-details">
                    <h4>Get in touch</h4>
                    <ul class="contact">
                        <li><p><i class="icon icon-map-marker"></i> <strong>Address:</strong> Sanelib House, Patan NG, India</p></li>
                        <li><p><i class="icon icon-phone"></i> <strong>Phone:</strong> +91 (2766) 22-3992</p></li>
                        <li><p><i class="icon icon-envelope"></i> <strong>Email:</strong> <a href="mailto:info@sanelib.com">info@sanelib.com</a></p></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2">
                <h4>Follow Us</h4>
                <div class="social-icons">
                    <ul class="social-icons">
                        <li class="facebook"><a href="https://www.facebook.com/pages/Sanelib-Solutions/193156564110907" target="_blank" data-placement="bottom" rel="tooltip" title="Facebook">Facebook</a></li>
                        <li class="twitter"><a href="https://twitter.com/Sanelib" target="_blank" data-placement="bottom" rel="tooltip" title="Twitter">Twitter</a></li>
                        <li class="linkedin"><a href="http://www.linkedin.com/company/sanelib-solutions/" target="_blank" data-placement="bottom" rel="tooltip" title="Linkedin">Linkedin</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-1">
                    <a href="/" class="logo">
                        <img alt="Sanelib Solutions" class="img-responsive" src="/Public/img/logo_w_30.png" title="Sanelib Solutions Pvt. Ltd.">
                    </a>
                </div>
                <div class="col-md-7">
                    <p>© Copyright 2014. All Rights Reserved.</p>
                </div>
                <div class="col-md-4">
                    <nav id="sub-menu">
                        <ul>
                            <li><a href="#">FAQ's</a></li>
                            <li><a href="#">Sitemap</a></li>
                            <li><a href="@(Url.Action<HomeController>(x => x.Reach()))">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</footer>